import React from 'react';

// React 的 变量数据绑定和渲染

// Vue 中   数据绑定 两个花括号  {{  }}
// React 中 数据绑定 一个花括号   { }

// 1. 字符串型
const msgStr = '昨天神兽回学校了，线下开学不远了。';

// 2. 数值型
const number = 6666;

// 3. 布尔型 - 并不会直接显示到页面中
// 主要是 React 考虑到 布尔型用于 条件渲染。
// 所以布尔类型的值并不会直接显示到页面中，要显示布尔的值，请转换成字符串。
const bl = false;


function App() {
  return (
    <div className="App">
      {/* {msgStr} */}

      {/* {number} */}

      { bl.toString() }

    </div>
  );
}
export default App;
